<template>
  <div>
    <TodoItem
      v-for="item in todos"
      :key="item.id"
      :todoObj="item"
      :removeTodo="removeTodo"
    />
    <!-- todoObj 传递给子组件的对象，removeTodo 传递给子组件的函数 -->
  </div>
</template>

<script>
import TodoItem from './TodoItem.vue';
export default {
name:'TodoList',
data() {
      return {
        todosList: this.todos
      }
    },

components: {
  TodoItem
},
methods:{
  removeTodo(id){
        
          for(var i=0;i<this.todosList.length;i++){
            if(this.todosList[i].id===id){
              console.log(i,"下标");
              
              break;
            }
          }
 
         this.todosList.splice(i,1);
 
      }
 
    },
    props:['todos']

}
</script>

<style>

</style>